<!--
 * @Author: your name
 * @Date: 2021-08-16 21:36:27
 * @LastEditTime: 2021-08-16 22:00:18
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \系统学习\VueProject\vue02\supermall\src\views\detail\childComps\DetailSwiper.vue
-->
<template>
    <swiper class="detail-swiper">
        <swiper-item v-for="item in topImages" :key="item.id">
            <img :src="item" alt="">
        </swiper-item>
    </swiper>
   
</template>

<script>
import {Swiper,SwiperItem} from 'components/common/swiper'
export default {
    name:'DetailSwiper',
    components:{
        Swiper,
        SwiperItem
    },
    props:{
        topImages:{
            type:Array,
            default(){
                return []
            }
        }
    }
}
</script>

<style scoped>
    .detail-swiper{
        height: 300px;
        overflow: hidden;
    }
</style>
